<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta name="robots" content="none">
  <meta name="keywords" content="{{ provider_name }},拾光壁纸,拾光官网,拾光壁纸官网,电脑壁纸,桌面背景,高清图片,4K壁纸,二次元壁纸,timeline,desktop wallpaper,desktop background">
  <meta name="description" content="拾光壁纸：干净、舒适、流畅的桌面壁纸网站。可在微软商店下载其桌面版本，以获得完整体验，如自动更换壁纸。">
  <meta name="author" content="nguaduot">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>拾光帐号</title>
  <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='img/apple-touch-icon.png') }}">
  <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='img/favicon-16X16.png') }}">
  <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='img/favicon-32x32.png') }}">
  <link rel="icon" type="image/png" sizes="196x196" href="{{ url_for('static', filename='img/favicon-196x196.png') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='lib/font-awesome-4.7.0.css') }}">
  <script src="{{ url_for('static', filename='lib/jquery-3.7.0.min.js') }}"></script>
  <script src="{{ url_for('static', filename='lib/jquery.cookie-1.4.1.js') }}"></script>
  <script src="{{ url_for('static', filename='lib/md5-2.19.0.min.js') }}"></script><!-- https://github.com/blueimp/JavaScript-MD5 -->
  <link rel="stylesheet" href="{{ url_for('static', filename='css/account.css') }}?v=230602">
  <script src="{{ url_for('static', filename='js/global.js') }}?v=230602"></script>
  <script src="{{ url_for('static', filename='js/account.js') }}?v=230602"></script>
</head>

<body>
<img class="cover" src="" alt="拾光壁纸" loading="eager" referrerpolicy="no-referrer" draggable="false">
<div class="cover"></div>
<div class="account">
  <div class="account-space"></div><!-- 填充剩余空间，使主体居中 -->
  <div class="account-content">
    <div class="account-title">拾光帐号</div>
    <div class="account-in account-user mt16">
      <label for="in-account" class="collapsed">帐号</label>
      <input type="text" id="in-account" placeholder="" autocomplete="off" size="1">
    </div>
    <div class="account-in account-pwd mt8" style="display: none"><!-- collapse display 无法覆盖 account-in display -->
      <label for="in-pwd" class="collapsed">密码</label>
      <input type="password" id="in-pwd" placeholder="密码（选填）" autocomplete="new-password" size="1">
      <label for="in-bill-no" class="collapsed">订单号</label>
      <input type="text" id="in-bill-no" class="collapsed ml8" placeholder="订单号" autocomplete="off" size="1">
      <button id="btn-bind" class="ml8">&nbsp;绑定帐号&nbsp;</button>
    </div>
    <div>
      <div class="account-info-toast account-info-toast-error mt8 collapsed">
        <i class="fa fa-circle-o-notch"></i>&nbsp;<span>当前未绑定帐号，建议使用邮箱或手机号</span>
      </div>
      <div class="account-info-title mt16">帐号有什么用？</div>
      <div class="account-info-desc mt8">收藏同步云端，多平台多设备共享；增强图片推荐体验。</div>
      <!--<div class="account-info-desc mt8">不使用帐号，您仍可无碍访问拾光免费开放的3万+图片资源，但收藏功能仅限当前设备，且可能在系统或浏览器更新后丢失数据。</div>-->
      <div class="account-info-title mt8">如何获取帐号？</div>
      <!--<div class="account-info-desc-import mt8">迫于运营成本压力，帐号系统暂不免费开放。</div>-->
      <div class="account-info-desc mt8">您只需要赞助任意金额，复制订单号于此页面继续绑定，或找管理员PY交易，等待激活即可。</div>
      <div class="account-info-desc mt8">
        <a href="mailto:nguaduot@163.com?subject=%E3%80%90%E6%8B%BE%E5%85%89%E3%80%91%E5%B8%90%E5%8F%B7%E7%94%B3%E8%AF%B7">管理员邮箱 nguaduot@163.com</a>
      </div>
      <div class="account-info-desc mt8">
        <a href="https://jq.qq.com/?k=t8MMvLes">官方鹅群 277967377</a>
      </div>
      <div class="account-info-desc-img mt8">
        <img alt="扫码赞助" src="{{ url_for('static', filename='img/donate.png') }}">
      </div>
      <div class="account-info-home mt8">
        <a href="/home" target="_self">返回拾光主页</a>
      </div>
    </div>
  </div>
  <div class="account-space"></div><!-- 填充剩余空间，使主体居中 -->
</div>

<script>
  // 接口访问者
  const CLIENT = "{{ client }}";
  // 背景图片接口
  const URL_API_BG = "{{ cover_img|safe }}";
  // Initialize the agent at application startup.
  // https://github.com/fingerprintjs/fingerprintjs
  const FP_PROMISE = import("{{ url_for('static', filename='lib/fingerprintjs-3.3.6.min.js') }}")
    .then(FingerprintJS => FingerprintJS.load());
</script>
</body>
</html>
